<template>
  <div class="my-form">
    <p>组件一: {{100}}</p>
    <button @click="notify">通知别人</button>
  </div>
</template>

<script>
import eventbus from '../utils/eventbus'
export default {
  data() {
    return {
      // 这个数据属于组件一，如果要给组件二使用，以前就可以将数据count提升到父组件里面去
      // 然后通过父组件将数据 传给子组件 一和二
      // 我们这里不提升上去，使用事件总线的几个方法来实现： 
      // 1. 通知 eventbus.$emit(xxxx,xxxx)
      // 2. 监听 eventbus.$on(xxxx)
      count: 100
    }
  },
  methods:{
    notify() {
      eventbus.$emit('UPDATE_COUNT', this.count)
    }
  }
}
</script>

<style scoped>
.my-form {
  height: 100px;
  flex: 1;
  border: 1px solid red;
  padding: 15px;
}
</style>